<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>EasyBuy后台管理</title>
    <!--<link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">-->
    <!--<script src="${pageContext.request.contextPath}/layui/layui.js"></script>-->
    <link rel="stylesheet" href="../../../lib/layui/css/layui.css">
    <script src="../../../lib/layui/layui.js"></script>
</head>
<body>
<div class="layui-fluid">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>用户管理</legend>
    </fieldset>
    <hr class="layui-bg-red">
</div>
<!--按钮及查询框组-->
<div class="layui-row">
    <div class="layui-col-md-offset2">
        <div class="layui-inline">
            <input class="layui-input" name="id" autocomplete="off" placeholder="用户名">
        </div>
        <div class="layui-inline">
            <input class="layui-input" name="id" autocomplete="off" placeholder="真实姓名">
        </div>
        <div class="layui-inline">
            <input class="layui-input" name="id" autocomplete="off" placeholder="性别">
        </div>
        <div class="layui-inline">
            <input class="layui-input" name="id" autocomplete="off" placeholder="email">
        </div>
        <div class="layui-inline">
            <input class="layui-input" name="id" autocomplete="off" placeholder="手机">
        </div>
        <button class="layui-btn layuiadmin-btn-admin" lay-submit="" lay-filter="LAY-user-back-search">
            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
        </button>
    </div>
</div>
<div class="layui-btn-group demoTable">
    <button class="layui-btn">删除</button>
    <a href="user-modify.html" target="right" class="layui-btn" lay-event="edit">添加</a>
</div>
<!--表格-->
<table class="layui-hide" id="gitLogs"></table>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a href="user-edit.html" target="right" class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
</div>
<script>
    /*配置表格内容，以及加载数据*/
    layui.use('table', function () {
        var table = layui.table;

        table.render({
            elem: '#gitLogs'
            , url: 'user.json'
            , cellMinWidth: 80
            , cols: [[
                {checkbox: true, field: 'id', title: 'ID'}
                , {field: 'username', title: '用户名'}
                , {field: 'sex', title: '性别'}
                , {field: 'city', title: '城市'}
                , {field: 'sign', title: '签名'}
                , {field: 'experience', title: '积分'}
                , {field: 'score', title: '评分'}
                , {field: 'classify', title: '职业'}
                , {field: 'wealth', title: '财富'}
                , {fixed: 'right', toolbar: '#barDemo', width: 200, align: 'center'}
            ]]
            , page:{
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
                ,groups: 5
            }
        });
    });
</script>
</body>
</html>